import { useEffect } from 'react'
import { select, selectAll } from 'd3-selection'

export default function Home() {
    useEffect(() => {
        new MyClass()
    }, [])

    return (
        <svg>
            <g className="group">
                <path />
                <path />
            </g>

            <g className="group">
                <path />
                <path />
            </g>
        </svg>
    )
}

class MyClass {
    constructor() {
        selectAll('.group').each(function () {
            select(this).selectAll('path')
        })
    }
}